/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/
@import '../custom.less';

@currency-prefix-cls: ~'@{css-prefix}currency';

.@{currency-prefix-cls} {
  &-option.set-default {
    display: flex;

    .@{currency-prefix-cls}-option-label {
      flex: 1;
    }

    .@{currency-prefix-cls}-option-set {
      display: none;
      padding-left: 12px;
      color: #333;

      .tiny-svg {
        font-size: 14px;
        margin-top: 0;
        margin-right: 4px;
      }
    }

    &.is-active {
      .@{currency-prefix-cls}-option-set {
        display: flex;
        align-items: center;

        .tiny-svg {
          fill: #1890ff;
        }
      }
    }

    &:not(.is-active):hover {
      .@{currency-prefix-cls}-option-set {
        display: flex;
        align-items: center;

        .tiny-svg {
          fill: #d9d9d9;
        }
      }
    }
  }
}
